<script lang="ts" setup>
import DetailDialog from './detail-dialog.vue';

defineOptions({ name: 'Headler' });

const detailDialogRef = shallowRef<InstanceType<typeof DetailDialog>>();
</script>

<template>
  <DetailDialog ref="detailDialogRef" />
  <div flex="~ justify-between">
    <div flex="~">
      <el-button type="primary" @click="detailDialogRef?.trigger('add')">
        <template #icon>
          <el-icon class="i-custom:add" />
        </template>
        新建
      </el-button>
    </div>
  </div>
</template>
